import React from "react"

const Banner = () => (
  <div className="has-text-centered" style={{ width: "100%", padding: "10px 0", background: "#DA552F", zIndex: 999 }}>
    <a rel="noopener noreferrer" href="https://www.producthunt.com/posts/awesome-stacks?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-awesome-stacks" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=150969&theme=light" alt="Awesome Stacks - Discover & share useful tech stacks for your next project 😎 | Product Hunt Embed" style={{ width: "225px", height: "54px" }} /></a>
  </div>
)

export default Banner
